@media only screen and (max-width: 1330px) {
    .product_relevant .swiper-button-next, .product_relevant .swiper-button-prev{display:none;}
}
@media only screen and (max-width: 1300px) {
    .float_box{right:5px;}
    .float_box ul{width:38px;}
    .float_box ul li{padding:0;height:50px;width:38px;}
    .float_box ul li i{font-size:20px;}
    .float_box ul li#weixin i{font-size:22px;}
    .float_box ul li a img{height:22px;}
    .float_box ul li span{display:none;}
    .float_box ul li .code_box{right:38px;}
    .float_box ul li .code_box span{display:block;}
    .float_box .scrollTop{width:38px;height:38px;line-height:38px;}
    .float_box .scrollTop i{font-size:18px;}

}

@media only screen and (max-width: 1200px) {
    /*index*/

    /**修改表单在ipd竖屏时可以有滚动条 **/
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive > .table {
        margin-bottom: 0
    }
    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: nowrap
    }
    .table-responsive > .table-bordered {
        border: 0
    }
    .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }
    .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }

}
@media only screen and (max-width: 1130px) {

}
@media only screen and (max-width: 1024px) {
    body{padding-bottom:44px;}
    .phone_footer_nav{display:block;}

    /*导航栏*/
    .header_logo_search .search_box .header_text .title{width:100%;}
    .header_logo_search .search_box .header_text h6{left:auto;right:0;}

    /*float*/
    .float_box{display:none;}

    /*index*/
    #banner-swiper .swiper-wrapper .img_btn{height:300px;}
    .index_fast_link .link_item{padding:0 20px;}
    .index_become_people ul li span{width:100%;}

    /*产品列表*/
    .product_list_ul2 li .pro_description button{right:10px;bottom:5px;}


}
@media only screen and (max-width: 1020px) {   
    /*footer*/
    .footer_box{display:none;}
    /*index*/
    .kj-navbar .navbar-nav >li >a{font-size:15px;}
    .kj-navbar .navbar-nav .li-kj-nav-procata ul > li{width:calc(100% / 3);}
}

@media only screen and (max-width: 767px) {
    body{background:url("../images/top_bg.jpg") no-repeat center top;}
    /**修改表单 **/
   .table-responsive{border:0;}
    /*顶部基本信息展示*/
    .header_top_baseInfo{display:none;}
    /*顶部logo及搜索*/
    .header_logo_search{flex-wrap:inherit;padding-bottom:0;}
    .header_logo_search .logo_btn{display:none;}
    .header_logo_search .search_form{display:none;}
    .header_logo_search .left_logo_btn{display:none;}
    .header_logo_search .left_logo_phone_btn{display:block;}
    .header_logo_search .search_box .header_text{margin:0;}
    .header_logo_search .search_box .header_text h6{display:none;}
    .header_logo_search .search_box .header_text .title{margin:0;text-align:center;padding-left:10px;}
    .header_logo_search .search_box .header_text h1{font-size:15px;line-height:24px;}
    .header_logo_search .search_box .header_text h2{font-size:16px;line-height:24px;margin:0;}

    /*header*/
    .kj-navbar{width:100%;}
    .kj-navbar .navbar-header{display:flex;align-items:center;}
    .kj-navbar .navbar-header .navbar-brand{padding:0;}
    .kj-navbar .navbar-header .navbar-brand img{max-height:36px;margin-top:7px;}
    .kj-navbar .navbar-header .navbar-toggle{border:0;margin-right:0;}
    .kj-navbar .navbar-header .navbar-toggle .icon-bar{background-color:#fff;}
    .kj-navbar .navbar-header .btn-search-toggle{float:right;margin-top:9px;line-height:30px;padding:0;margin-right:10px;color:#fff;font-size:16px;background:none;}
    .kj-navbar .navbar-nav{margin:0;flex-wrap:wrap;}
    .kj-navbar .navbar-nav > li{width:100%;border:0;}
    .kj-navbar .navbar-nav >li >a{border:0;color:#fff !important;height:40px;line-height:40px;}
    .kj-navbar .navbar-nav li a{margin-right:0;text-align:center;}
    .kj-navbar .navbar-nav li.active a{color:#0062c4;}
    .kj-navbar .navbar-nav li{border:0;margin-bottom:1px;}
    .kj-navbar .navbar-nav li a{color:#333;}

    /*index*/
    .container_body{background:none;}
    #banner-swiper .swiper-wrapper .img_btn{height:110px;}
    #banner-swiper .swiper-button-next, #banner-swiper .swiper-button-prev{display:none;}
    .index_fast_link .link_item{flex-direction:column;margin-right:12px;width:calc((100% - 24px)/3);padding:0 10px;justify-content:center;height:125px;}
    .index_fast_link .link_item .text_left{height:28px;line-height:28px;overflow:hidden;text-align:center;}
    .index_fast_link .link_item .text_left b{font-size:18px;line-height:28px;}
    .index_fast_link .link_item .iconfont_right em{display:none;}
    .index_fast_link .link_item .iconfont_right i{font-size:48px;margin-top:10px;}

    .index_become_people {
        margin: 20px 0 0 0;
    }
.index_banner{display:none;}
.index_phone_banner{display:block;}
.index_middle_banner{display:none;}
.index_phone_middle_banner{display:block;}
    .index_brand .nav li a{font-size:15px;padding:0 20px;}
    .index_become_people ul li{width:100%;margin-right:0;height:215px;padding:0 15px;}
    .index_become_people ul li:nth-child(n+3){display:none;}
    .index_become_people ul li h1{font-size:18px;line-height:28px;margin-bottom:5px;}
    .index_become_people ul li span{font-size:14px;line-height:24px;}
    .index_become_people ul li a{margin-top:15px;}


    .index_brand .tab-pane ul li{width:calc((100% - 10px)/2)}
    .index_brand .tab-pane ul li:nth-child(2n){margin-right:0;}
    /*产品列表*/
    .product_list{flex-wrap: wrap;}
    .product_list .product_left{width:100%;margin:0;margin-bottom:12px;display:none;}
    .product_list .product_left h1{font-size:20px;}
    .product_list .product_right{width:100%;padding:0 15px;}
    .product_list .product_cate_brief h1{font-size:20px;}
    .product_list_ul2 li .pro_description .right_info{flex:auto;width:100%;margin:0;padding:12px;}
    .product_list_ul2 li .pro_description .img_btn{margin:0 auto;}

    /*产品详情*/
    .product_base_info_3 .left_box{width:100%;margin-right:0;margin-bottom:15px;}
    .product_base_info_3 .pro_info_box h1{font-size:20px;padding:8px 0;}
    .product_base_info_3 .pro_image_box{width:100%;margin-right:0;}
    .page_des_box{margin:20px;}
    .pro_slide_box .nav li a{font-size:15px;padding:0 20px;}
    .product_relevant .img_btn{height: 140px;}

    /*品牌列表*/
    .brand_btn{flex-wrap: wrap;border-bottom:0;}
    .brand_btn a{width:calc((100% - 24px)/3);margin-bottom:3px;}
    .brand_btn a:nth-child(3n){margin-right:0;}
    .brand_btn a:after{bottom:0;}
    .brand_list_ul li{width:calc((100% - 18px)/2);}
    .brand_list_ul li:nth-child(2n){margin-right:0;}

    /*关于我们*/
    .page_nav{margin-bottom:20px;}
    .page_nav a{font-size:16px;padding:0 15px;height:38px;line-height:36px;}
    .article_box{padding:0 15px 30px 15px;}


    /*新闻*/
    .news_list li{padding:15px;}
    .news_list li .img_btn{width:100%;margin:0;margin-bottom:12px;}
    .news_list li .right_info{width:100%;}
    .news_list li .right_info .title_btn{font-size:20px;}
    .news_list li .right_info span{height:auto;}
    .kj_news{padding:15px;}
    .kj_news .kj_news_inner .info_text{font-size:12px;line-height:18px;}
    .kj_news .kj_news_inner .kj_news_title a{font-size:14px;}
    .kj_news .kj_news_inner .kj_news_title .time{font-size:12px;}
    .kj_news_active{padding:0 15px 15px 15px;}
    .kj_news_active .kj-main-articleinfo-title{font-size:20px;line-height:32px;}

}